<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
	</head>

	<body>
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript" src="../js/sub.js"></script>
		<div class="mui-content">
		    <ul class="mui-table-view mui-grid-view mui-grid-9">
		    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
		        <a href="#">
		            <span class="mui-icon mui-icon-map"></span>
		            <div class="mui-media-body">地图</div>
		        </a>
		    </li>
		    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
		        <a href="#">
		            <span class="mui-icon mui-icon-email"><span class="mui-badge mui-badge-red">5</span></span>
		            <div class="mui-media-body">Email</div>
		        </a>
		    </li>
		    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
		        <a href="#">
		            <span class="mui-icon mui-icon-chatbubble"></span>
		            <div class="mui-media-body">Chat</div>
		        </a>
		    </li>
		    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
		        <a href="#">
		            <span class="mui-icon mui-icon-location"></span>
		            <div class="mui-media-body">Location</div>
		        </a>
		    </li>
		    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
		        <a href="#">
		            <span class="mui-icon mui-icon-search"></span>
		            <div class="mui-media-body">Search</div>
		        </a>
		    </li>
		    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
		        <a href="#">
		            <span class="mui-icon mui-icon-phone"></span>
		            <div class="mui-media-body">Phone</div>
		        </a>
		    </li>
		        </ul>
		    
		</div>
	</body>

</html>